<%@page import="java.util.List"%>
<%@page import="com.bdc.bean.Product"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="../../css/zoomer.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../css/product.css" media="screen" />
<meta http-equiv="Content-Language" content="fr" />
<!--[if IE 6]>
	<style type="text/css" media="screen">
		ul.thumb li img.hover {
			margin-top:15px;
			background:url(../images/zoomer/thumb_bg.gif) no-repeat center center;
			border: none;
		}
		
		ul.thumb li .title {
			color:#fff;
			width:185px;
			height:50px;
			margin:0;
			font-weight:900;
			background:url(../images/zoomer/blue.gif) no-repeat center center;padding:17px 0 0 0;
			text-align:center;
		}
	</style>
<![endif]-->
</head>
<body>
	<input type="hidden" value="<%=(String)request.getAttribute("pageId")%>" id="pageId" />
	<input type="hidden" value="<%=(String)request.getAttribute("productType")%>" id="productType" />
	<h3 class="product-title" id="productTitle"></h3>
	
	<div id="page">
		<div id="content">
		<div class="container">
			<ul class="thumb">
			<% List<Product> products = (ArrayList<Product>)request.getAttribute("products"); %>
			<%
				if(products != null) {
					for(Product product : products) {
			%>
					<li><a href="#"><img src="../../images/product/<%=product.getType()%>/<%=product.getImageName()%>.jpg" alt="<%=product.getWidth()%>" /></a></li>
			<%
					}
				}
			%>
			</ul>
		</div>
		<div style="float:right; margin-right:78px;">
					<a href="#" onclick="getMoreProducts()"><img src="../../images/base/more.gif" style="border: none;"></a>
		</div>
	</div>
	
	<script type="text/javascript" src="../../js/jquery/jquery-1.5.min.js"></script>
	<script type="text/javascript" src="../../js/util/zoomer.js"></script> 
	<script type="text/javascript" src="../../js/product.js"></script>
</body>
</html>